<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%><%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>打印预览</title>
<script type="text/javascript">
	// 打印预览
	function wbPrintPreview() {
		document.all.WebBrowser.ExecWB(7, 1);
	}
</script>
<style>
@media print {
	.noprint {
		display: none
	}
}
</style>
<style type="text/css">
body {
	width: 98%;
	margin: 0 auto;
	font-size: 13px;
}

.lesson {
	border-collapse: collapse;
	width: 100%;
	margin-top: 0.1em;
}

.lesson th,.lesson td {
	padding: 0.2em;
	font-size: 1.2em;
	font-weight: bold;
}

.lesson td.listener {
	height: 13em;
	padding: 0;
}

.lesson td.listener table {
	width: 100%;
	height: 100%;
}

.lesson td.listener table td {
	border: 1px dashed #c0c0c0;
}

.lesson td.remark {
	height: 2em;
}

.lesson th {
	width: 6em;
}

.lesson th.first,.lesson td.first {
	border-left: double;
	border-right: double;
	border-top: double;
	border-bottom: dashed 1px;
}

.lesson th.last,.lesson td.last {
	border-left: double;
	border-right: double;
	border-top: dashed 1px;
	border-bottom: double;
}

.lesson th,.lesson td {
	border-left: double;
	border-right: double;
	border-top: dashed 1px;
	border-bottom: dashed 1px;
}

.lesson .bottom td {
	border: double;
}

.lesson td.bottom div {
	margin-left: 35em;
}

p {
	margin-bottom: 2em;
}
</style>
</head>
<body>
	<object id="WebBrowser" classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height="0" width="0" class="noprint"> </object>
	<div style="position: fixed;" class="noprint">
		<button class="btn" onclick="wbPrintPreview()">打印</button>
	</div>
	<s:iterator value="lessons" var="lesson" status="status">
		<table style="width: 100%;">
			<tr>
				<td style="width: 18em"><img style="float: left; width: 50px; height: 50px" src="<s:url value="/client-resources/images/logo.jpg"></s:url>">
					<div style="font-weight: bold; font: 黑体; font-size: 1.5em; margin-left: 65px">环球雅思</div>
					<div style="font: 黑体; margin-left: 65px">全国十大知名连锁学校</div>
					<div style="font: 黑体; margin-left: 65px">www.IELTS.com</div></td>
				<td style="text-align: center; font-size: 2em; font-weight: bold;">订课单</td>
				<td style="width: 12em"><img style="width: 100px; height: 50px" src="<s:url value="/client-resources/images/ISO9001.jpg"></s:url>">

					<div>环球雅思教育品质</div></td>
			</tr>
		</table>
		<table class="lesson" style="<s:if test="hasForeign(#lesson)">background: #cccccc;</s:if>">
			<tr>
				<th class="first">上课时间</th>
				<td class="first" colspan="2" style="text-align: center;"><s:date name="#lesson.beginTime" format="yyyy-MM-dd" /> ${lesson.timespan}</td>
			</tr>
			<tr>
				<th>课程名称</th>
				<td colspan="2" style="text-align: center;">${lesson.name}</td>
			</tr>
			<tr>
				<th>课程地点</th>
				<td colspan="2" style="text-align: center;">${lesson.classroom.name}</td>
			</tr>
			<tr>
				<th>任课教师</th>
				<td colspan="2" style="text-align: center;"><s:iterator value="teachings" var="teaching" status="status">							
							${teaching.teacher.name}
							<s:if test="!#status.last">,</s:if>
					</s:iterator></td>
			</tr>
			<tr>
				<th>订课学员</th>
				<td class="listener" colspan="2">
					<table>
						<s:iterator begin="1" end="5">
							<tr>
								<td></td>
								<td></td>
								<td></td>
								<td></td>
								<td></td>
								<td></td>
							</tr>
						</s:iterator>
					</table>
				</td>
			</tr>
			<tr>
				<th class="last">备注</th>
				<td class="last remark" colspan="2"></td>
			</tr>
			<tr class="bottom">
				<td style="border-right: none;"></td>
				<td style="text-align: right; border-right: none; border-left: none;">
					<div style="height: 2em">任课教师签名：</div>
				</td>
				<td style="width: 20em; border-left: none;"></td>
			</tr>
		</table>
		<p>注：1.本表为学员订课确认表，由教服填写，任课老师确认签字；2、老师课前根据名单点名确认上课学员，非订课学员不可进入教师听课；3、表格填写完毕交由前台存档。</p>
		<s:if test="#status.odd">
			<div style="border-bottom: #000 dashed 1px; width: 100%; margin-bottom: 2em">&nbsp;</div>
		</s:if>
	</s:iterator>
</body>
</html>